div {
  border: solid;
  box-sizing: border-box;
}

.container {
  width: 100%;
  display: flex;
  justify-content: center;
  .nav-panel {
    display: flex;
    height: 460px;
    width: 1190px;
    position: relative;
    .left {
      flex: 0 0 200px;
      .menus {
        > li {
          &:hover {
            .submenus {
              display: block;
            }
          }
          a:not(:last-child) {
            &::after {
              content: "/";
            }
          }
          .submenus {
            // height: 460px;
            position: absolute;
            top: 0;
            right: 0;
            left: 200px;
            bottom: 0;
            display: none;
          }
        }
      }
    }
    .center {
      flex: 1 0 auto;
    }
    .right {
      flex: 0 0 380px;
    }
  }
}
